<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <title>分类</title>
    <link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div class="classi-menu">
    <div class="menu-left" id="menuLeft">
        <ul id="leftList" class="menu-left-ul">
            <!--<li class="menu-left-li on">-->
                <!--<span class="text">新鲜水果</span>-->
            <!--</li>-->
            <!--<li class="menu-left-li">-->
                <!--<span class="text">绿色蔬菜</span>-->
            <!--</li>-->
            <!--<li class="menu-left-li">-->
                <!--<span class="text">美味生鲜</span>-->
            <!--</li>-->
            <!--<li class="menu-left-li">-->
                <!--<span class="text">家养鸡蛋</span>-->
            <!--</li>-->
            <!--<li class="menu-left-li">-->
                <!--<span class="text">绿色坚果</span>-->
            <!--</li>-->
            <!--<li class="menu-left-li">-->
                <!--<span class="text">绿色瓜果</span>-->
            <!--</li>-->
            <!--<li class="menu-left-li">-->
                <!--<span class="text">品行土鸡蛋</span>-->
            <!--</li>-->
            <!--<li class="menu-left-li">-->
                <!--<span class="text">美味生鲜</span>-->
            <!--</li>-->
            <!--<li class="menu-left-li">-->
                <!--<span class="text">美味生鲜</span>-->
            <!--</li>-->
            <!--<li class="menu-left-li">-->
                <!--<span class="text">美味生鲜</span>-->
            <!--</li>-->
            <!--<li class="menu-left-li">-->
                <!--<span class="text">美味生鲜</span>-->
            <!--</li>-->
            <!--<li class="menu-left-li">-->
                <!--<span class="text">绿色蔬菜</span>-->
            <!--</li>-->
            <!--<li class="menu-left-li">-->
                <!--<span class="text">美味生鲜</span>-->
            <!--</li>-->
            <!--<li class="menu-left-li">-->
                <!--<span class="text">家养鸡蛋</span>-->
            <!--</li>-->
            <!--<li class="menu-left-li">-->
                <!--<span class="text">绿色坚果</span>-->
            <!--</li>-->
            <!--<li class="menu-left-li">-->
                <!--<span class="text">绿色瓜果绿色瓜果</span>-->
            <!--</li>-->
            <!--<li class="menu-left-li">-->
                <!--<span class="text">品行土鸡蛋</span>-->
            <!--</li>-->
            <!--<li class="menu-left-li">-->
                <!--<span class="text">美味生鲜</span>-->
            <!--</li>-->
            <!--<li class="menu-left-li">-->
                <!--<span class="text">美味生鲜</span>-->
            <!--</li>-->
            <!--<li class="menu-left-li">-->
                <!--<span class="text">美味生鲜</span>-->
            <!--</li>-->
            <!--<li class="menu-left-li">-->
                <!--<span class="text">美味生鲜</span>-->
            <!--</li>-->
        </ul>
    </div>

    <div class="menu-right" id="menuRight">
        <div id="rightList" class="menu-right-content">

            <!--<a href="more.html" class="content-item">-->
                <!--<img src="img/banner.png" alt="" class="icon">-->
                <!--<div class="text">分类名称分类名称分类名称</div>-->
            <!--</a>-->
        </div>
    </div>
</div>

<div class="tab-bar-section">
    <div class="tab-bar bottom-border">
        <a href="index.html" class="bar-item">
            <img src="img/home.png" class="icon" alt="">
            <div class="text">首页</div>
        </a>
        <a href="javascript:;" class="bar-item on">
            <img src="img/class02.png" class="icon" alt="">
            <div class="text">分类</div>
        </a>
        <a href="javascript:;" class="bar-item">
            <img src="img/saoyis.png" style="margin: 0.1rem auto 0;width: 0.81rem;height: 0.81rem;" class="icon" alt="">
        </a>
        <a id="cartShowNum" href="cart1.html" class="bar-item">
            <img src="img/cart_m.png" class="icon" alt="">
            <div class="text">购物车</div>
            <!--<div class="num">111</div>-->
        </a>
        <a href="user.html" class="bar-item">
            <img src="img/user.png" class="icon" alt="">
            <div class="text">我的</div>
        </a>
    </div>
    <div class="zhanwei"></div>
</div>
<!-- 底部菜单 -->

<!-- 以下为页面js部分 -->
<script type="text/javascript" src="js/rem.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script src="js/layers/layer.js" type="text/javascript" charset="utf-8"></script>
<script src="js/pages/public.js" type="text/javascript" charset="utf-8"></script>
<script src="js/pages/category.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
    init();
    // $('#menuLeft .menu-left-li').click(function (e) {
    //     var i = $(this).index();
    //     var t = $('#menuLeft').scrollTop();
    //     $('#menuLeft .menu-left-li').eq(i).addClass('on').siblings().removeClass('on');
    //     // ///////////////
    //     $('#menuLeft').stop().animate({
    //         scrollTop: t + $('#menuLeft .menu-left-li').eq(i).offset().top - $('#menuLeft').height() / 2 + $('#menuLeft .menu-left-li').height() * 0.5
    //     }, 200)
    //     // 左侧按钮位置垂直居中(不想要直接干掉)
    // })
    //左边联动
</script>
</body>
</html>